*,::before, ::after {
	

}

main{justify-content:row;
align-items:row;
	display:flex;
}


body{
	width: 100%;
	height: 100%;
	display:flex;
	background: #111;
	justify-content:row;
	align-items: row;
}


.colonne{
	
}

.card {
	position: relative;
	transform-style: preserve-3d;
}

.card .face {

	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	display: flex;
	justify-content: center;
	align-items: center;
	backface-visibility: hidden;
	transition : 0.5s ease-in-out;
	transform: perspective(500px) rotatey(0deg);
}

.card .face.front {
		position: absolute;
	}

.card:hover .face.front {
	transform: perspective(500px) rotatey(180deg);
	
	}
.card .face.back {
	transform: perspective(500px) rotatey(180deg);
	
	}

.card:hover .face.back {
	
	transform: perspective(500px) rotatey(360deg);
	
	}

.collection {

}

img{
	max-height: 25vh;
}